﻿<!-- 注册界面 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 连接网页模版css设计文件 -->
<link rel="stylesheet" href="style/Stencil.css" />
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="style/validator.css"></link>
<script src="formValidator-4.0.1.js" type="text/javascript"
	charset="UTF-8"></script>
<script src="formValidatorRegex.js" type="text/javascript"
	charset="UTF-8"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$.formValidator.initConfig({
			formID : "form1",
			onError : function() {
				alert("校验没有通过，具体错误请看错误提示")
			}
		});
		$("#name").formValidator({
			onShow : "请输入用户名",
			onFocus:"用户名至少5个字符,最多10个字符",
			onCorrect : "谢谢你的合作，你的用户名正确"
		}).inputValidator({min:5,max:10,onError:"你输入的用户名非法,请确认"}).regexValidator({
			regExp : "username",
			dataType : "enum",
			onError : "用户名格式不正确"
		}).ajaxValidator({
			dataType : "html",
			async : true,
			url : "reg_check.php",
			success : function(data) {
				if (data.indexOf("此用户名可以注册!") > 0)
					return true;
				if (data.indexOf("此用户名已存在,请填写其它用户名!") > 0)
					return false;
				return false;
			},
			buttons : $("#button"),
			error : function(jqXHR, textStatus, errorThrown) {
				alert("服务器没有返回数据，可能服务器忙，请重试" + errorThrown);
			},
			onError : "该用户名不可用，请更换用户名",
			onWait : "正在对用户名进行合法性校验，请稍候..."
		}).defaultPassed();
		;
		$("#new_password").formValidator({
			onShow : "请输入新密码",
			onFocus:"密码至少5个字符,最多10个字符",
			onCorrect : "密码合法"
		}).inputValidator({
			min : 5,max:10,
			empty : {
				leftEmpty : false,
				rightEmpty : false,
				emptyError : "密码两边不能有空符号"
			},
			onError : "密码至少5个字符,最多10个字符"
		});
		$("#c_new_password").formValidator({
			onShow : "输再次输入密码",
			onFocus:"密码至少5个字符,最多10个字符",
			onCorrect : "密码一致"
		}).inputValidator({
			min : 1,max: 10,
			empty : {
				leftEmpty : false,
				rightEmpty : false,
				emptyError : "重复密码两边不能有空符号"
			},
			onError : "重复密码密码至少5个字符,最多10个字符"
		}).compareValidator({
			desID : "new_password",
			operateor : "=",
			onError : "2次密码不一致,请确认"
		});
		$("#birthday").formValidator({
			onShow : "请输入的出生日期",
			onFocus : "请输入的出生日期",
			onCorrect : "你输入的日期合法"
		}).inputValidator({
			min : "1900-01-01",
			max : "2010-12-31",
			type : "date",
			onError : "在\"1900-01-01\"和\"2010-12-31\"之间"
		}).defaultPassed();
		$("#email").formValidator({
			onShow : "请输入你的email",
			onfocus : "请输入你的email",
			onCorrect : "你的email正确"
		}).regexValidator({
			regExp : "email",
			dataType : "enum",
			onError : "email格式不正确"
		});
	});
</script>
<title>志愿者注册</title>
</head>
<body>
	<div class="space"></div>
	<div id="hd" align="center"></div>
	<!-- 导航模块 -->
	<div class="topNav">
		<ul class="MNav">
			<li><a target="_self" href="./index.php"><font size=4><b>首页</b></font></a></li>
			<li><a target="_self" href="./list.php?mid=1"><font size=4><b>论坛</b></font></a></li>
			<li class="last"><a target="_self" href="./view_files.php"><font
					size=4><b>资料下载</b></font></a></li>
		</ul>
	</div>
	<!-- 空格 -->
	<!-- 内容部分 -->
	<div id="wp" class="wp ">
		<!-- 在此书写内容设计 -->
		<div
			style="padding: 30px 10px 0 0; height: 35px; background-position: left bottom;">
			<span style="float: right">已经是志愿者网用户？请直接<a href="index.php"><strong
					class="u_blue">登录</strong></a></span>
			<h1 align="center">注册志愿者通行证</h1>
		</div>
		<div align="center"
			style="padding: 50px 10px 0 0; height: 500px; background-position: left bottom;">
			<form action="reg.php" method="post" name="form1" id="form1">
				<table style="font-size: 12px">

					<tr>
						<td width="100" height="35" align="right">用户名</td>
						<td width="10"></td>
						<td width="268"><input type="text" id="name" name="name"
							style="width: 250px" /></td>
						<td><div id="nameTip" style="width: 200px"></div></td>
					</tr>
					<tr>
						<td width="100" height="35" align="right">请输入密码</td>
						<td width="10"></td>
						<td width="268"><input type="password" id="new_password"
							name="new_password" style="width: 250px;"></td>
						<td><div id="new_passwordTip" style="width: 200px"></div></td>
					</tr>
					<tr>
						<td width="100" height="35" align="right">确认密码</td>
						<td width="10"></td>
						<td width="268"><input type="password" id="c_new_password"
							name="c_new_password" style="width: 250px;"></td>
						<td><div id="c_new_passwordTip" style="width: 200px"></div></td>
					</tr>
					<tr>
						<td width="100" height="35" align="right">性别</td>
						<td width="10"></td>
						<td><input id="man" name="gender" type="radio" value="1"><label
							for="man">男</label>&nbsp;&nbsp;&nbsp;&nbsp; <input id="woman"
							name="gender" type="radio" value="2" checked="checked"><label
							for="woman">女</label> <span style="display: none" id=""></span></td>
					</tr>
					<tr>
						<td width="90" height="35" align="right">出生日期</td>
						<td width="30"></td>
						<td width="268"><input type="text" id="birthday"
							name="birthday" style="width: 250px" value="1982-09-21" /></td>
						<td><div id="birthdayTip" style="width: 200px"></div></td>
					</tr>
					<tr>
						<td width="100" height="35" align="right">电子邮箱</td>
						<td width="10"></td>
						<td width="268"><input type="text" id="email" name="email"
							style="width: 250px" /></td>
						<td><div id="emailTip" style="width: 200px"></div></td>
					</tr>
					<tr>
						<td width="90" height="35" align="right">电话</td>
						<td width="10"></td>
						<td width="268"><input type="text" id="phone" name="phone"
							style="width: 250px;"></td>
					</tr>
					<tr>
						<td width="100" height="35" align="right">地址</td>
						<td width="10"></td>
						<td width="268"><input type="text" id="address"
							name="address" style="width: 250px;"></td>
					</tr>
					<tr>
						<td width="100" height="35" align="right">职业</td>
						<td width="10"></td>
						<td width="268"><input type="text" id="occupation"
							name="occupation" style="width: 250px;"></td>
					</tr>
					<tr>
						<td width="100" height="35" align="right">血型</td>
						<td width="10"></td>
						<td width="325"><select name="blood_type" id="blood_type"
							style="width: 256px">
								<option value="A">A型</option>
								<option value="B">B型</option>
								<option value="AB">AB型</option>
								<option value="O">O型</option>
								<option value="其他">其他</option>
						</select></td>
					</tr>
					<tr>
						<td width="100" height="30" align="right"></td>
						<td width="10"></td>
						<td height="44" colspan="3" style="padding-top: 6px"><input
							type="image" id="submit" name="submit" src="images/reg_sub.jpg"
							width="150" height="25"></td>
					</tr>
					</tbody>

				</table>
			</form>
		</div>
	</div>
	<div class="space"></div>
	<div class="chaFotNav02"></div>
	<div class="chaFooter">
		<div class="footLink">

			<a href="./index.php" target="_self"
				onclick="alert(&quot;谢谢访问我们的网站^~^&quot;)">投资者关系 Investor
				Relations</a> |<a href="./index.php" target="_self"
				onclick="alert(&quot;谢谢访问我们的网站^~^&quot;)">广告服务</a> |<a
				href="./index.php" target="_self"
				onclick="alert(&quot;谢谢访问我们的网站^~^&quot;)">诚征英才</a> |<a
				href="./index.php" target="_self"
				onclick="alert(&quot;谢谢访问我们的网站^~^&quot;)">保护隐私权</a> |<a
				href="./index.php" target="_self"
				onclick="alert(&quot;谢谢访问我们的网站^~^&quot;)">免责条款</a> |<a
				href="./index.php" target="_self"
				onclick="alert(&quot;谢谢访问我们的网站^~^&quot;)">法律顾问</a> |<a
				href="./index.php" target="_self"
				onclick="alert(&quot;谢谢访问我们的网站^~^&quot;)">意见反馈</a> |<a
				href="./index.php" target="_self"
				onclick="alert(&quot;谢谢访问我们的网站^~^&quot;)">关于我们</a>
		</div>
		<div class="copyright">
			数据库小组 版权所有<br> Copyright ? 2012 S.C.U.T CS3 Limited All Rights
			Reserved.
		</div>
	</div>
</body>
</html>
